<template>
	<Player />
	<!-- <transition
		appear
		name="custom-classes-transition"
		enter-active-class="animate__animated  animate__fadeIn"
		leave-active-class="animate__animated  animate__fadeOut"
	> -->
	<Header v-if="IsOnReady" />
	<!-- </transition> -->

	<div v-if="IsOnReady" class="wrap">
		<router-view></router-view>
	</div>
</template>
<script lang="ts" setup>
	import Player from '@/components/player/index.vue'
	import Header from '@/components/header/index.vue'
	import { computed, onMounted, watch } from 'vue'
	import { useAirCityStore } from '@/stores/aircity'

	import { useRoute } from 'vue-router'
	import { getAnimationList } from '@/utils/getInoByVedio'

	defineProps({
		msg: {
			type: String,
			required: false,
		},
	})
	const AirCityStore = useAirCityStore()
	const IsOnReady = computed(() => AirCityStore.$state.IsOnReady)

	/**
	 * 取消代码添加客流模拟 / 改用UE蓝图方式
	 */
	// let isAddPersons = false
	watch(IsOnReady, (IsOnReady) => {
		if (IsOnReady) {
			getAnimationList()
		}
	})
</script>
<style lang="scss" scoped>
	.back {
		position: fixed;
		top: 20px;
		right: 220px;
		z-index: 102;
	}
</style>
